<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BURGER KING®</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/headfoot.css">
    <link rel="stylesheet" href="./css/contack.css">
    <!-- <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css"> -->
    <style></style>
</head>

<body>
    <!-- 头部标签 -->
    <header>
        <div class="nav">
            <!-- 主要导航栏 -->
            <div class="nav-box container">
                <ul>
                    <li class="nav-item nav-left"><a href="./home.html">首页</a></li>

                    <li class="nav-item item-menu nav-left">
                        <a href="./product/hamburg.html">菜单</a>
                        <!-- 悬浮导航栏 -->
                        <div class="nav-menu nav-hover">
                            <ol>
                                <li><a href="./product/hamburg.html">汉堡</a></li>
                                <li><a href="./product/snack.html">小食</a></li>
                                <li><a href="./product/dessert.html">甜品</a></li>
                                <li><a href="./product/drinks.html">饮料</a></li>
                                <li><a href="./product/coffee.html">现磨咖啡</a></li>
                                <li><a href="./product/breakfast.html">早餐</a></li>
                            </ol>
                        </div>
                    </li>

                    <li class="nav-item nav-left"><a href="./restaurant.html">餐厅</a></li>
                    <li class="nav-item nav-left"><a href="./discount.html">会员</a></li>
                    <li class="nav-item nav-left"><a href="./join.html">加盟</a></li>

                    <div class="nav-logo">
                        <a href="./home.html"><img src="./img/index-head-img/logo_img.png" alt=""></a>
                    </div>

                    <li class="nav-item item-about nav-right">
                        <a href="./trained/index.html">关于汉堡王</a>
                        <!-- 悬浮导航栏2 -->
                        <div class="nav-about nav-hover">
                            <ol>
                                <li><a href="./trained/index.html">关于我们</a></li>
                                <li><a href="./news.html">新闻中心</a></li>
                                <li><a href="./contack.html" class="active">联系我们</a></li>
                            </ol>
                        </div>
                    </li>

                    <li class="nav-item item-safe nav-right">
                        <a href="./chosen/subnav-1-1.html">安心质选</a>
                        <!-- 悬浮导航栏3 -->
                        <div class="nav-safe nav-hover">
                            <ol>
                                <li><a href="./chosen/subnav-1-1.html">"堡"你安心</a></li>
                                <li><a href="./chosen/subnav-2-1.html">"堡"有风味</a></li>
                                <li><a href="./chosen/subnav-3-1.html">"堡"为健康</a></li>
                            </ol>
                        </div>
                    </li>

                    <li class="nav-item nav-right"><a href="./about.html">加入我们</a></li>
                    <li class="nav-item nav-right"><a href="./news.html" class="active">新闻中心</a></li>
                </ul>
            </div>
            
            
        </div>
    </header>

    <!-- 主要内容 -->
    <div class="main">
        <!-- 顶部标题 -->
        <div class="title-box">
            <div class="title-banner" style="background-image: url(./img/trained/aboutus_banner.png);"></div>
        </div>
        <!-- 顶部导航 -->
        <div class="title-nav">
            <div class="top-nav-box container">
                <ul class="top-nav">
                    <!-- <div class="nav-arrow"></div> -->
                    <li><a href="./trained/index.html">关于我们</a></li>
                    <li><a href="./news.html">新闻中心</a></li>
                    <li class="active"><a>联系我们</a></li>
                </ul>
            </div>
        </div>
        <!-- 中心内容 -->
        <div class="main-content container">
            <div class="img-item1">
                <img src="./img/contack/contactus_img.png" alt="">
            </div>
            <div class="img-item2">
                <img src="./img/contack/contactus_img2.png" alt="">
            </div>
        </div>
    </div>

    <!-- 底部内容 -->
    <footer>
        <div class="foot-box container">
            <div class="foot-top">
                <ul class="foot-nav">
                    <li><a href="./clause.html">使用条款</a></li>
                    <li><a href="./privacy.html">隐私权声明</a></li>
                    <li><a href="./about.html">加入我们</a></li>
                    <li><a href="./contack.html">联系我们</a></li>
                    <li><a href="./news.html">新闻中心</a></li>
                </ul>

                <div class="foot-icon">
                    <a href="https://weibo.com/burgerkingchina"></a>
                    <a href="javascript:;" class="wechat"></a>
                    <a href="javascript:;" class="alipay"></a>
                    <a href="javascript:;" class="tiktok"></a>
                </div>
            </div>
            <div class="foot-bottom">
                <!-- 自定义弹窗 -->
                <div class="mask-box">
                    <!-- 微信 -->
                    <div class="mask mask-wechat">
                        <div class="code wechat-code">
                            <div class="close-icon close-icon1"></div>
                        </div>
                    </div>
                    <!-- 支付宝 -->
                    <div class="mask mask-alipay">
                        <div class="code alipay-code">
                            <div class="close-icon close-icon2"></div>
                        </div>
                    </div>
                    <!-- 抖音 -->
                    <div class="mask mask-tiktok">
                        <div class="code tiktok-code">
                            <div class="close-icon close-icon3"></div>
                        </div>
                    </div>
                    <!-- 外卖 -->
                    <div class="mask mask-takout">
                        <div class="code takout-code">
                            <div class="close-icon close-icon4"></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- <img src="./img/food_icp_img.png" alt=""> -->
        </div>
    </footer>

    <script src="./lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="./js/home.js"></script>
    <script src="./js/trained.js"></script>
</body>

</html>